<template>
  <div class="home">
    <homenav></homenav>
	<banner></banner>
    <el-row :gutter="30">
      <el-col :span="8">
        <el-card shadow="hover">
          <h3>风驰电掣</h3>
          <p>Lorem ipsum dolor sit t, consectetuer adipiscing elit. Praesentstibulum molestie lacus. Aenean nonumy hendrerit mauris. Phasellus porta. Fusce cipit varius mi. Cum sociis natoque penatibus et dis parturient montes, nasus. Nulla</p>
          <p>Lorem ipsum dolor sit t, consectetuer adipiscing elit. Praesentstibulum molestie lacus. Aenean nonumy hendrerit mauris. Phasellus porta. Fusce cipit varius mi. Cum sociis natoque penatibus et dis parturient montes, nasus. Nulla</p>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card shadow="hover">
          <h3>电闪雷鸣</h3>
          <p>Lorem ipsum dolor sit t, consectetuer adipiscing elit. Praesentstibulum molestie lacus. Aenean nonumy hendrerit mauris. Phasellus porta. Fusce cipit varius mi. Cum sociis natoque penatibus et dis parturient montes, nasus. Nulla</p>
          <p>Lorem ipsum dolor sit t, consectetuer adipiscing elit. Praesentstibulum molestie lacus. Aenean nonumy hendrerit mauris. Phasellus porta. Fusce cipit varius mi. Cum sociis natoque penatibus et dis parturient montes, nasus. Nulla</p>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card shadow="hover">
          <h3>狂风暴雨</h3>
          <p>Lorem ipsum dolor sit t, consectetuer adipiscing elit. Praesentstibulum molestie lacus. Aenean nonumy hendrerit mauris. Phasellus porta. Fusce cipit varius mi. Cum sociis natoque penatibus et dis parturient montes, nasus. Nulla</p>
          <p>Lorem ipsum dolor sit t, consectetuer adipiscing elit. Praesentstibulum molestie lacus. Aenean nonumy hendrerit mauris. Phasellus porta. Fusce cipit varius mi. Cum sociis natoque penatibus et dis parturient montes, nasus. Nulla</p>
        </el-card>
      </el-col>
    </el-row>
    <midcontent></midcontent>
    <foot></foot>
  </div>
</template>

<script>
import homenav from "../../components/headNav/index.vue";
import banner from "./banner/index.vue";
import midcontent from "./midcontent/index.vue";
import foot from "../../components/footer/foot.vue";
import { getUserdata } from "../../api/userBM";

export default {
  components: {
    homenav,
    banner,
    midcontent,
    foot,
  },
  data() {
    return {
      userList: "",
    };
  },
  created() {
    this.getUserDataApi();
  },
  methods: {
    getUserDataApi() {
      getUserdata({ userId: "" }).then((res) => {
        this.userList = res.data;
        console.log("这是用户表", this.userList);
      });
    },
  },
};
</script>

<style lang="scss" scoped>
	.el-row {
		width: 70%;
		margin: 30px auto !important;
	}
</style>
